草庐IT

vue 组件的引用

全部标签

javascript - 使用 Vue 单击并编辑文本输入

我正在寻找一个点击并编辑的Vue组件。我找到了afiddle并做了一些编辑。它是这样工作的:Thefiddleishere.问题:我需要额外的点击才能使输入聚焦。如何让它自动聚焦?来自fiddle的代码。HTML:Clickthevaluestoedit!{{todo.title}}JS:newVue({el:'#app',data:{todos:[{'title':'onevalue','edit':false},{'title':'onevalue','edit':false},{'title':'otrotitulo','edit':false}],editedTodo:null

javascript - material-ui 中的 <Fade> 只是禁用组件的可见性。如何获得淡入淡出效果并真正隐藏组件?

我正在使用来自material-ui的material-ui组件.}label="StartValue">我想在组件淡出时完全隐藏元素Grid但它只会禁用组件的可见性并在DOM中占用相同的空间(看起来是空的)。我如何使元素在淡出后隐藏使用 最佳答案 ...http://reactcommunity.org/react-transition-group/transition#Transition-prop-unmountOnExit默认情况下,子组件在达到“退出”状态后会保持挂载状态。如果您希望在组件退出后卸载它,请设置unmount

javascript - 如何在 Vue 类组件中定义过滤器?

Vue类组件是一种相对较新的单文件组件编写方式。它看起来像这样:importVuefrom'vue'importComponentfrom'vue-class-component'//The@ComponentdecoratorindicatestheclassisaVuecomponent@Component({//Allcomponentoptionsareallowedinheretemplate:'Click!'})exportdefaultclassMyComponentextendsVue{//Initialdatacanbedeclaredasinstanceproper

javascript - 使用 <img> 为 markdown gatsbyjs 创建自定义组件

我正在尝试为我的markdown创建一个接受图像源的自定义组件。我无法通过自定义组件显示图像,因为找不到图像,因为它不存在我也意识到图像路径是由GatsbyJS生成的,我不知道如何在Markdown中检索图像的路径。我确实有一个包含一些文本的自定义组件,但我无法为图像做同样的事情。这是一个带有标题和几个词的简单Markdown。索引.md---title:ToDoApp---Hithisismytodoappapp.Belowisabunchofscreens![ImagefromGyazo](./screen1.png)我创建了一个名为imageholder的自定义组件,它在显示图像

javascript - 如何在javascript中通过引用传递变量?从返回多个值的 ActiveX 函数中读取数据

我有一个ActiveX对象,我想在浏览器(javascript)中使用它。我想调用一个函数。它的原型(prototype)是:functionTOPOSFiscalPrinter.DirectIO(Command:Integer;varpData:Integer;varpString:WideString):Integer;因此,该函数返回三个值:resultcode、pData和pString;在javascript中,该函数不会更新变量pData和pString;functiontest(){vard=1,s="DIRECIO:";varcode=opos.DirectIO(102

Javascript 对象引用链接到数组中的对象?

如果我有一个对象:vararray=[];vartheobject=null;array.push({song:"TheSong",artist:"TheArtist"},{song:"AnotherSong",artist:"AnotherArtist"});我这样做:for(vari=0;i如果我通过以下方式更改对象:theobject.song="ChangedName";我遇到了问题,尽管我试图将“theobject.song”设置为等于“已更改的名称”,但数组[0].song也设置为“已更改的名称”。我想要的是“theobject.song”变成“ChangedName”,而

javascript - 我应该使用 self 还是 window 来引用全局范围?

作为一种风格约定,当我在全局范围内访问变量时,我喜欢明确window.example="Hello";window.alert(window.example);为了不那么冗长example="Hello";alert(example);我现在有一个模块可以直接从浏览器使用,或者,如果它们可用,从网络worker。在网络worker中,全局对象称为self,而在浏览器中,它称为window。window对象有一个self属性,所以self.example="Hello"可以在两种情况下工作,只要没有人重新声明self(他们经常这样做:varself=this)。最好的约定是什么?使用se

javascript - 加载时重置 Ember 组件

我有一个Ember.Component,它将项目添加到一个空数组并在提交时返回该数组。问题是,如果我离开包含组件的路由(提交后和未提交后),然后稍后返回,数组中最后的信息仍然存在。每次使用组件导航到路线时,我都想重置。如果这是一条路线,我只需编写一个willTransition或deactivate方法来重置我的属性。但由于它是一个组件,它没有这些方法,而且我无法(据我所知)访问我希望从父路由重置的属性。那么,每次加载这条路由时,如何将这个数组重置为空(或重置整个组件)?谢谢! 最佳答案 更有可能的是,您没有设置正确使用的值。举这些

关于未引用变量的 JavaScript 闭包

我知道有关闭包的精彩帖子here和here,但似乎都没有解决我想到的特定情况。这个问题最好用代码来证明:functionfoo(){varx={};vary="whatever";returnfunctionbar(){alert(y);};}varz=foo();在bar中引用y会调用一个闭包,只要我将z保持在垃圾收集器周围就不会清理y。问题是——x会发生什么?即使它没有被引用,它是否也被那个闭包持有?垃圾收集器会发现没有引用x并清理它吗?或者只要我坚持使用z,x就会与y一起持续存在吗?(一个理想的答案是引用ECMA规范。) 最佳答案

javascript - cljs Om 与 React 组件互操作?

是否可以在Om应用程序中使用第三方React组件?我有一个用ClojureScript和Om编写的项目,我想使用JedWatson/react-select,我该如何解决这个问题? 最佳答案 这有几个步骤:打包用于Clojurescript的JS库JS库是作为foreign-libraries的包,您可以阅读更多相关信息intheClojureScriptwiki.在您需要外部库后,您可以通过全局命名空间(js/)访问它并调用您的库定义的函数。这是一个exampleofusingfixed-data-tablewithOm.它的打包